
<!DOCTYPE html>
<html>
<head>
    <title>Simple Map</title>
    <meta name="viewport" content="initial-scale=1.0">
    <meta charset="utf-8">
    <style>
        /* Always set the map height explicitly to define the size of the div
         * element that contains the map. */
        #map {
            height: 100%;
        }
        /* Optional: Makes the sample page fill the window. */
        html, body {
            height: 100%;
            margin: 0;
            padding: 0;
        }
    </style>
</head>
<body>
<div id="map"></div>
<script>
    var myMap,
        myLatLng = {lat:39.986062, lng: 116.4094422};//37.395546, 112.498503//37.39541601421304,112.49992457077792
    function initMap() {

        //定义地图
        myMap = new google.maps.Map(document.getElementById('map'), {
            center:myLatLng,
            mapTypeId: google.maps.MapTypeId.SATELLITE,
            zoom: 15//19   //放大倍数
        });

    }
</script>
<script src="http://ditu.google.cn/maps/api/js?key=AIzaSyDDxSo6fnmFAxvfq1q-m8MKc8cJFRYhGGQ&amp;libraries=drawing&amp;callback=initMap" async="" defer=""></script>
</body>

</html>